<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ page import="com.neuedu.model.Info"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>

<head>
<meta charset="utf-8">
<title>Tasty - Recipes, Food Website and Blog Template -
	Responsive, Html5, CSS3, jquery</title>
<meta name="description"
	content="Recipes Template, Food Template Recipes Blog Template, cooking, Food, chef, Responsive Template, html5 Template, html5, css3, jquery, responsive">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="${pageContext.request.contextPath}/pages/js/html5.js"></script>
<link
	href='http://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic|Crete+Round:400,400italic|Lobster|Lobster+Two:400,400italic,700,700italic'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/pages/css/style.css">
<link id="color" rel="stylesheet"
	href="${pageContext.request.contextPath}/pages/css/color1.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/pages/fancybox/jquery.fancybox-1.3.4.css"
	media="screen" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/pages/css/mediaelementplayer.min.css" />
<link
	href="${pageContext.request.contextPath}/pages/colorbox/colorbox.jsp"
	rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
	<!--Facebook Start-->
	<div id="fb-root"></div>
	<script>
		(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if (d.getElementById(id))
				return;
			js = d.createElement(s);
			js.id = id;
			js.src = "../../../connect.facebook.net/en_US/all.js#xfbml=1";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
	</script>
	<!--Facebook End-->

	<!--头部开始-->
	<header id="header" class="clearfix">
		<div class="headerstrip">
			<div class="spiral"></div>
		</div>

		<div class="container clearfix">
			<a href="index.jsp" id="logo"> <img
				src="${pageContext.request.contextPath}/pages/images/logo.png"
				alt="Tasty Delicious Recipes">
			</a>
			<nav id="topnav">
				<ul>
					<li><a
						href="${pageContext.request.contextPath}/IndexWeb/findIndex.do"
						data-description="Home page">首页</a></li>

					<li><a
						href="${pageContext.request.contextPath}/pages/menu.jsp"
						data-description="Menu page">菜谱大全</a>
						<ul>
							<c:forEach items="${foodtype}" var="foodtype">
								<li><a
									href="${pageContext.request.contextPath}/MenuWeb/findFoodByTypeNo.do?typeNo=${foodtype.typeNo }">${foodtype.type }
								</a></li>
							</c:forEach>

						</ul></li>

					<li><a
						href="${pageContext.request.contextPath}/pages/cook.jsp"
						data-description="Cook page">食谱攻略</a>
						<ul>
							<c:forEach items="${foodmake}" var="foodmake">
								<li><a
									href="${pageContext.request.contextPath}/MenuWeb/findFoodByMakeNo.do?makeNo=${foodmake.makeNo }">${foodmake.make }</a></li>
							</c:forEach>
						</ul></li>

					<li class="active"><a
						href="${pageContext.request.contextPath}/IndexWeb/findAllInfo.do"
						data-description="News page">新闻资讯</a></li>

					<li><a
						href="${pageContext.request.contextPath}/pages/ranking.jsp"
						data-description="Ranking page">美食排行</a></li>

					<li><a href="#" data-description="Personal Center">个人中心</a></li>

				</ul>
			</nav>
		</div>
	</header>


	<!--Middle Part Start-->
	<section id="maincontainer" class="container clearfix">
		<h1 class="heading1">${infodetail.infoType}：${infodetail.infoTitle}
		</h1>
		<!--leftpart-->
		<article class="leftpart">
			<p>${infodetail.infoContent}</p>
			<br>
			<div class="blogother">
				<img src="${pageContext.request.contextPath}/pages/images/avtar.jpg"
					alt="">
				<p>发布人：${infodetail.infoAuthor}</p>
				<br>
				<p>发布时间：${infodetail.publishTime}</p>
			</div>
		</article>
		<!--Sidebar start-->
		<aside class="blogright">
			<div class="sidecontainer">
				<h4 class="heading4">最新资讯</h4>
				<ul class="blogcaterg">
					<li><a
						href="${pageContext.request.contextPath}/pages/infodetail.jsp">Spicy
							Food</a></li>
					<li><a
						href="${pageContext.request.contextPath}/pages/infodetail.jsp">Appetizers</a>
					</li>
					<li><a
						href="${pageContext.request.contextPath}/pages/infodetail.jsp">Sea
							Food</a></li>
					<li><a
						href="${pageContext.request.contextPath}/pages/infodetail.jsp">Cocktails</a>
					</li>
					<li><a
						href="${pageContext.request.contextPath}/pages/infodetail.jsp">Desserts</a>
					</li>
					<li><a
						href="${pageContext.request.contextPath}/pages/infodetail.jsp">Quick
							and Easys</a></li>
				</ul>
			</div>
			</div>
		</aside>
	</section>

	<!--Footer Start-->
	<footer id="footer" class="clearfix">
		<div class="footerbg clearfix">
			<ul class="footersection container">
				<li class="testimonial">
					<h4>Testimonial</h4>
					<p class="testi">"Lorem Ipsum is simply dummy text of the
						printing and typesetting industry. Lorem Ipsum has been the
						industry's standard dummy text ever since the 1500s, when an
						unknown printer took</p> <span>Mr. Lorem Ipsum <br> C.E.O.
				</span>
				</li>
				<li class="links">
					<h4>Categories</h4>
					<ul>
						<li><a
							href="${pageContext.request.contextPath}/pages/infodetail.jsp">Spicy
								Food Special</a></li>
						<li><a
							href="${pageContext.request.contextPath}/pages/infodetail.jsp">Rice</a>
						</li>
						<li><a
							href="${pageContext.request.contextPath}/pages/infodetail.jsp">Snacks</a>
						</li>
						<li><a
							href="${pageContext.request.contextPath}/pages/infodetail.jsp">Spicy
								Sea Food</a></li>
						<li><a
							href="${pageContext.request.contextPath}/pages/infodetail.jsp">
								Tasty Special Food</a></li>
					</ul>
				</li>
				<li class="twiitersection">
					<h4>Twitter</h4>
					<div id="twitter"></div>
				</li>
				<li class="flickrsection">
					<h4>Flickr</h4>
					<div id="flickr">
						<ul id="cbox" class="thumbs">
						</ul>
					</div>
				</li>
			</ul>
		</div>

		<!--Social links Start-->
		<section id="social" class="container">
			<div class="leftline">@2012 All images & icons are copyright to
				their owners.</div>
			<div id="footersocial">
				<a class="facebook" title="Facebook" href="#">Facebook</a> <a
					class="twitter" title="Twitter" href="#">Twitter</a> <a
					class="linkedin" title="Linkedin" href="#">Linkedin</a> <a
					class="blooger" title="Blogger" href="#">Blogger</a> <a class="rss"
					title="rss" href="#">rss</a> <a class="dig" title="Dig" href="#">Dig</a>
				<a class="googleplus" title="Googleplus" href="#">Googleplus</a> <a
					class="skype" title="Skype" href="#">Skype</a> <a class="flickr"
					title="Flickr" href="#">Flickr</a>
			</div>
		</section>
		<!--Social links End-->
		<!--Go to Top-->
		<a title="Go Top" id="gotop" href="#">&nbsp;</a>
	</footer>
	<!--Footer End-->


	<!--Javascripts-->
	<script
		src="${pageContext.request.contextPath}/pages/js/jquery-latest.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.easing.1.3.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.isotope.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/pages/js/mediaelement-and-player.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.flexslider-min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.elastislide.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.tweet.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.validate.js"></script>
	<script type="text/javascript"
		src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="js/jquery.gmap.js"></script>
	<script
		src="${pageContext.request.contextPath}/pages/js/jflickrfeed.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/script.js"></script>
	<div style="display: none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>